<template>
  <div class="Empty-container">
    <Icon classty="empty"></Icon>
    <p>{{ text }}</p>
  </div>
</template>
<script>
    import Icon from '../Icon';
    export default {
      props:{
        text:{
          type:String,
          default:"无数据",
        }
      },
      components:{
        Icon,
      },
    }
</script>
<style lang="less" scoped>
@import '~@/style/var.less';
@import '~@/style/min.less';
  .Icon-container{/*父组件会影响子组件的根节点样式 */
    font-size: 50px;
  }
  .Empty-container{
    .center();
    color:@gray;
  }
</style>